
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过程</title>
    <link rel="stylesheet" href="css/shutter.css">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"  />
</head>
<body>

<div class="shutter">
    <div class="shutter-img">
        <a href="#" data-shutter-title="笨蛋！被我套路了吧！其实我真不不敢保证你要零食，所以我没买" style="text-align: center"><img src="image/04.PNG" ></a>
        <a href="#" data-shutter-title="但是我知道我这样说你肯定会要的！" style="text-align: center"><img src="image/05.PNG"></a>
        <a href="#" data-shutter-title="零食多吧，记得你朋友说零食就可以把你卖了结果是真的" style="text-align: center"><img src="image/06.JPG"></a>
        <a href="#" data-shutter-title="其实我是想到了买不多的话你分完也吃不到多少" style="text-align: center"><img src="image/07.JPG"></a>
        <a href="#" data-shutter-title="7月8号，你去大鹏，我俩第一次见面，还记得吗？我是帮你买了东西拿给你！" style="text-align: center"><img src="image/08.JPG"></a>
        <a href="#" data-shutter-title="我特别记得一句话就是没有对比就没有伤害，这句话说给谁听的呢？" style="text-align: center"><img src="image/09.PNG"></a>
        <a href="#" data-shutter-title="某些人跟我炫耀说她有摄像师的潜质，啧啧啧" style="text-align: center"><img src="image/10.JPG"></a>
       
    </div>
    <ul class="shutter-btn">
        <li class="prev"></li>
        <li class="next"></li>
    </ul>
    <div class="shutter-desc">
        <p>笨蛋！被我套路了吧！其实我真不不敢保证你要零食，所以我没买</p>
    </div>
</div>

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/velocity.js"></script>
<script src="js/shutter.js"></script>
<script>
    $(function () {
        $('.shutter').shutter({
            shutterW: window.screen.width, // 容器宽度
            shutterH: window.screen.height-105, // 容器高度
            isAutoPlay: true, // 是否自动播放
            playInterval: 3000, // 自动播放时间
            curDisplay: 3, // 当前显示页
            fullPage: false // 是否全屏展示
        });
    });
</script>

</body>
</html>